<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta http-equiv="Access-Control-Allow-Origin" content="*" />
    <title>党员管理-党员信息</title>
    <!--cdn连接-->
    <link rel="stylesheet" type="text/css" href="https://www.layuicdn.com/layui/css/layui.css" />
    <!-- layui js -->
    <script src="https://www.layuicdn.com/layui/layui.js"></script>
    <!--jquery-->
    <script src="./jquery/jquery-3.3.1.js"></script>
    <!-- css -->
    <link rel="stylesheet" type="text/css" href="./css/dataStatistics.css"/>
    <!-- js -->
    <script src="./js/infoManagement.js"></script>
</head>
<body class="layui-layout-body">
    <div class="container">
        <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
            <legend>党员管理</legend>
        </fieldset>
        <!--面板-->
        <div class="layui-bg-gray" style="padding: 30px;">
            <div class="layui-row layui-col-space15">
                <div class="layui-col-md12">
                    <div class="layui-card">
                        <div class="layui-card-header">操作说明：</div>
                        <div class="layui-card-body">
                            条件选择框依次是：学院/专业/班级<br>
                            编辑/查看功能只能修改/查看入党申请时间/入党积极分子时间/发展对象时间/预备时间/转正时间
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!--搜索框-->
        <div class="layui-form" style="margin-top: 20px;">
            <div class="layui-form-item forward-search">
                <button class="layui-btn" type="button" lay-submit lay-filter="formDemo" id="key"><i class="layui-icon layui-icon-search"></i>
                </button>
                <div class="layui-input-inline">
                    <input type="text" name="keyword" id="keyword" required
                           lay-verify="text"
                           placeholder="请输入学号"
                           autocomplete="off" class="layui-input">
                </div>
            </div>
            <!--这里是条件搜索选择框-->
            <div class="layui-form-item">
                <label class="layui-form-label" style="font-size: 13px">请选择学院：</label>
                <div class="layui-input-inline">
                    <select lay-filter="xy" id="xy">
                        <option value="0" selected="">全部</option>
                    </select>
                </div>
                <label class="layui-form-label" style="font-size: 13px">请选择专业：</label>
                <div class="layui-input-inline">
                    <select lay-filter="zy" id="zy">
                        <option value="0" selected="">全部</option>
                    </select>
                </div>
                <label class="layui-form-label" style="font-size: 13px">请选择班级：</label>
                <div class="layui-input-inline">
                    <select lay-filter="bj" id="bj">
                        <option value="0" selected="">全部</option>
                    </select>
                </div>
            </div>
        </div>

<!--        <div class="layui-form" style="margin-top: 20px;">-->
<!--            -->

<!--        </div>-->



        <!-- 数据表格所在 -->
        <div class="tables">
            <table class="layui-hide" id="infoMag" lay-filter="test">
                <!-- 由js渲染内容 -->
            </table>

            <!-- 头部工具 -->
            <script type="text/html" id="toolbarDemo">
                <div class="layui-btn-container">
                    <button class="layui-btn layui-btn-sm layui-btn-danger" lay-event="getCheckData">批量删除</button>
                </div>
            </script>

            <!-- 右侧工具栏 -->
            <script type="text/html" id="barArray">
                <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="query">查看</a>
                <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
                <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
            </script>
        </div>

    </div>
</body>
</html>